<template>
	<view class="partyInfoWp">
		<view class="title">
			<view class="labelWp">
				<view class="imgWp">
					<img src="https://file.casugn.com/storecompcard/temp/标题1_1656571162642.png" alt="">
				</view>
				<view class="titleWp">
					<view class="title3">主题</view>
					<view class="content">
						{{partyInfo.title?partyInfo.title:''}}
					</view>
				</view>
			</view>
			<view class="labelWp">
				<view class="imgWp">
					<img src="https://file.casugn.com/storecompcard/temp/时间_1656571358996.png" alt="">
				</view>
				<view class="titleWp">
					<view class="title3">时间</view>
					<view class="content">
						{{partyInfo.partyTime?partyInfo.partyTime:''}}
					</view>

				</view>
			</view>
			<view class="labelWp">
				<view class="imgWp">
					<img src="https://file.casugn.com/storecompcard/temp/位置 (2) 拷贝@2x_1656472904469.png" alt="">
				</view>
				<view class="titleWp">
					<view class="title3">地点</view>
					<view class="content">
						{{addressInfo.address?addressInfo.address:''}}
					</view>
				</view>
			</view>
			<view class="labelWp">
				<view class="imgWp">
					<img src="https://file.casugn.com/storecompcard/temp/备注_1656571193143.png" alt="">
				</view>
				<view class="titleWp">
					<view class="title3">备注</view>
					<view class="content">
						{{partyInfo.remark?partyInfo.remark:''}}
					</view>

				</view>
			</view>
		</view>
		<!-- <view class="membersWp" v-if="membersList.length>1">
			<view class="title3">宾客</view>
			<view class="members">
				<view class="memberItem" v-for="(item,index) in membersList" :key="item.id">
					<view class="left">
						<view class="imgWp">
							<img :src="item.head" alt="">
						</view>
						<view class="userName">
							{{item.name?item.name:''}}
						</view>
					</view>
				</view>
			</view>
		</view>
 -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				partyInfo: {},
				addressInfo: '',
				// membersList: []
			}
		},
		onLoad(opt) {
			console.log(opt, 'opt');
			//	this.membersList = JSON.parse(decodeURIComponent(opt.membersList))
			//	console.log(this.membersList, 'this.membersList');
			this.partyInfo = JSON.parse(decodeURIComponent(opt.partyInfo)) || {}
			if (this.partyInfo.address) {
				this.addressInfo = JSON.parse(this.partyInfo.address)
				console.log(this.addressInfo, 'addressInfo');
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.partyInfoWp {
		height: 100vh;
		padding-top: 20upx;
		background-color: #F8F9FF;

		.tableWp {
			width: 100%;
			display: flex;
			justify-content: center;

		}


		.title {
			margin: 30upx;
			padding: 30upx;
			// display: flex;
			// align-items: center;
			background: #FFFFFF;
			box-shadow: 0px 1px 4px 0px rgba(66, 60, 254, 0.4);
			border-radius: 30upx;

			.labelWp {
				margin: 40upx 0upx;
				display: flex;
				align-items: center;

				.imgWp {
					margin-right: 20upx;
					width: 40upx;
					height: 40upx;

					img {
						width: 40upx;
						height: 40upx;
					}
				}

				.titleWp {
					display: flex;
					align-items: center;

					.title3 {
						width: 100rpx;
						font-weight: 600;
					}

					.content {
						flex: 1;
						font-size: 28upx;
						color: #333333;
					}
				}


			}
		}

		.membersWp {
			.title3 {
				margin-left: 30upx;
				font-size: 30upx;
				font-weight: 600;

			}

			.members {
				.memberItem {
					display: flex;
					align-items: center;
					margin: 30upx;
					padding: 30upx;
					background: #FFFFFF;
					box-shadow: 0px 1px 4px 0px rgba(66, 60, 254, 0.4);
					border-radius: 30upx;

					.left {
						flex: 1;
						display: flex;
						align-items: center;

						.imgWp {
							width: 60upx;
							height: 60upx;

							img {
								width: 100%;
								height: 100%;
							}
						}

						.userName {
							margin-left: 30upx;
						}
					}

					.right {
						img {
							width: 46upx;
							height: 46upx;
						}
					}


				}
			}



		}
	}

	.remarkBody {
		padding: 30rpx 50rpx;
		background-color: #fff;

		.remarkBodytitle {
			text-align: center;
		}

		.title {
			width: 100%;
			height: 80rpx;
			line-height: 60rpx;
			text-align: center;
		}

		.makeSurebutton {
			width: 200rpx;
			margin: 30rpx auto 0;
		}
	}
</style>
